import Vue from 'vue';
// import echarts from 'echarts'
//导入echarts
import App from './App.vue';
// 依赖element-ui
import ElementUI, { Main } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
//依赖路由 把路由功能分离到router文件夹
// import VueRouter from 'vue-router'
// Vue.use(VueRouter)
//@是在vue-cli中生效的路径别名 具体含义是src目录的绝对路径    
//  在src目录下找router index.js是默认索引文件 index.json index.vue index.js 默认会加载  加载顺序和书写顺序刚好相反
import router from '@/router'
// 导入自己的全局样式
import '@/styles/index.less'
// 注册全局组件 使用插槽(以后还会有全局指令，全局过滤器) 但是都写在main.js中不利于维护，
// 所以可以全部提取出去，封装成插件形态 导入插件
import myPlugin from '@/plugin'
Vue.use(myPlugin);
// 导入非父子传值的中介
// import eventBus from '@/eventBus'
// Vue.use(eventBus);
// 导入自己配置的axios 并挂载
import axios from '@/api'
//给vue的构造函数上挂载axios
Vue.prototype.$http=axios
// Vue.use axios不是vue的插件所以不需要use
Vue.use(ElementUI);

Vue.config.productionTip=false



new Vue({
  render: h => h(App),
  router
}).$mount('#app')

// Main.js的职责
// 1、依赖第三方的全局资源 
// 2、初始化vue根实例 路由功能分离到我们创建的router文件夹